<%@page contentType="text/html; charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>美瀛商旅网</title>
<link href="${ctxPath}/resource/front/css/international_ticket.css" rel="stylesheet" type="text/css" />

	<script src="${ctxPath}/resource/front/js/airLines.js" type="text/javascript"></script>
</head>

<body>
<div id="col" style="width:1000px;margin:0px auto;">
<div id="affirmance">
	<ul class="ticket_list_title">
	  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
  		<tr>
    	  <td><img src="${ctxPath}/resource/front/image/public/news_dot.gif" width="5" height="12" align="absmiddle"/>&nbsp;&nbsp;确认信息</td>
    	  <td align="right"><img src="${ctxPath}/resource/front/image/international_ticket/affirmance_pic.gif" width="179" height="14"/></td>
  		</tr>
	  </table>
    </ul>
	<ul class="orders">
		<li>
			<table width="100%"  border="0" cellspacing="0" cellpadding="0">
			  <tr>
			    <td width="10%" rowspan="2" align="center"><img src="${ctxPath}/resource/front/image/international_ticket/001_30.gif" /></td>
				<td>您的订单号：<font color="#0066FF"><strong>${order.orderNo}</strong></font></td>
				<td>订单没支付金额：<font color="#FF3300"><strong>¥${order.noPay}</strong></font></td>
				<td>订单状态：订座成功等待支付</td>
			  </tr>
			  <tr>
			  	<td colspan="3">请仔细核对订单信息并在<font color="#CC3300">30分钟</font>之内完成支付，以免您所预订的航班舱位被售完！</td>
			  </tr>
			</table>
		</li>
	</ul>
	<ul class="ticket_flight">
	  <li class="flight_title">&gt;&gt;航班详细信息：</li>
	  <li>
		<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  		  <tr class="flight_font">
    		<td class="flight_table_toplast" colspan="9" >已选择的航班：</td>
  		  </tr>
  		  <tr align="center" class="flight_font">
		    <td class="flight_table_top">航程类型</td>
    		<td class="flight_table_top">航空公司</td>
    		<td class="flight_table_top">航班号</td>
    		<td class="flight_table_top">舱位</td>
    		<td class="flight_table_top">航班时间</td>
    		<td class="flight_table_top">起降机场</td>
    		<td class="flight_table_top">里程</td>
    		<td class="flight_table_top">飞行时间</td>
    		<td class="flight_table_toplast">经停</td>
  		  </tr>
  		<c:forEach var="flight" items="${order.flights}">
  		 <tr align="center">
		    <td class="flight_table_top">单程</td>
    		<td class="flight_table_top"><img src="${ctxPath}/resource/front/js/airlineImage/${fn:substring(flight.code,0,2)}.gif" align="absmiddle"/>&nbsp;&nbsp;<label id="flightName"></label></td>
    		<script>
    		var carrier='${fn:substring(flight.code,0,2)}';
    		for(var i=0;i<airLines.length;i++){
    			if(carrier==airLines[i].code){
    				carrierName=airLines[i].name;
    				$("#flightName").text(carrierName);
    				break;
    			}
    		};
    		</script>
    		<td class="flight_table_top"><font color="#000000"><strong>${flight.code}</strong></font></td>
    		<td class="flight_table_top">
			<p>成人：${flight.cabin}舱</p>
			<c:if test="${not empty flight.ccabin}">
			<p>儿童：${flight.ccabin}舱</p>
			</c:if>
			</td>
    		<td class="flight_table_top">
			<p>${flight.depDay}</p>
			<p><font color="#000000"><strong>${flight.depTime}-${flight.arrTime}</strong></font></p>
			</td>
    		<td class="flight_table_top">
			<p>起：${flight.boardPointName}</p>
			<p>降：${flight.offPointName}</p>	
			</td>
    		<td class="flight_table_top">${flight.mileage}公里
			</td>
    		<td class="flight_table_top">${flight.flightTime }小时</td>
    		<td class="flight_table_toplast">0
			</td>
  		  </tr>
  		  </c:forEach>
  		  <tr class="flight_font">
    		<td class="flight_tablelast" colspan="9">*如查询信息（包含：航班、航段、日期）或航班飞行线路没有合适的选择，可以致电客服：4007-168-138 咨询其他航班信息。</td>
  		  </tr>
		</table>
      </li>
	</ul>
	<ul class="ticket_flight">
	  <li class="flight_title">&gt;&gt;价格信息如下：</li>
	  <li>
		<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  		  <tr align="center" class="flight_font">
		    <td class="flight_table_top">旅客类型</td>
    		<td class="flight_table_top">价格</td>
    		<td class="flight_table_top">机建/燃油</td>
    		<td class="flight_table_top">人数</td>
    		<td class="flight_table_top">保险</td>
    		<td class="flight_table_top">保险份数</td>
    		<td class="flight_table_top">合计</td>
			<td class="flight_table_top">快递</td>
    		<td class="flight_table_toplast">订单总价</td>
  		  </tr>
  		  
  		  <c:forEach var="passengerDto" items="${passengerDtos }" varStatus="item">
  		  		 <tr align="center" >
		   		 <td class="flight_table_top"><fmt:message key="passenger.ageType${passengerDto.passengerType}"></fmt:message> </td>
	    		<td class="flight_table_top"><font color="#000000"><strong><fmt:parseNumber value="${passengerDto.viewPrice}"></fmt:parseNumber></strong></font></td>
	    		<td class="flight_table_top">¥<fmt:parseNumber value="${passengerDto.constructionFee}"></fmt:parseNumber> / ¥<fmt:parseNumber value="${passengerDto.fuelTax}"></fmt:parseNumber></td>
	    		<td class="flight_table_top">${passengerDto.passengerCount}</td>
	    		<td class="flight_table_top">${passengerDto.bxPrice}</td>
	    		<td class="flight_table_top">${passengerDto.bxCount}</td>
	    		<td class="flight_table_top"><strong >¥<fmt:parseNumber value="${passengerDto.totalPrice}"></fmt:parseNumber></strong></td>
				<c:if test="${item.count==1}">
				<td class="flight_table_top" rowspan="${fn:length(passengerDtos)}">${order.xcdPrice }</td>
	    		<td class="flight_table_toplast" rowspan="${fn:length(passengerDtos)}">¥${order.allPrice}</td>
	    		</c:if>
	  		  </tr>
  		  </c:forEach>
  		  <tr class="flight_font">
		  	<td class="flight_tableleftlast" align="center" >退票/更改/签转规定：</td>
    		<td class="flight_tablelast" colspan="9">
				<c:if test="${not empty order.policy}">${order.policy.backNote}</c:if>
				<c:if test="${empty policy}"><p>按照航空公司退改签规定执行。或致电美瀛客服4007168138，获得相关说明</p></c:if>
			</td>
  		  </tr>
		</table>
      </li>
	</ul>
	<ul class="pay_title">
	  <li class="book_type"><font color="#3367B6"><strong>&gt;&gt;个人基本信息</strong></font></li>
	  <li class="affirmance_individual">
	    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr class="affirmance_font">
    <td class="affirmance_table_toplast" colspan="8"><strong>乘机人信息：</strong></td>
  </tr>
  <tr align="center" class="affirmance_font">
    <td class="affirmance_table_top">乘客类型</td>
    <td class="affirmance_table_top">姓  名</td>
    <td class="affirmance_table_top">性  别</td>
    <td class="affirmance_table_top">出生日期</td>
    <td class="affirmance_table_top">证件类型</td>
    <td class="affirmance_table_top">证件号码</td>
    <td class="affirmance_table_top">保险数</td>
    <td class="affirmance_table_toplast">支付方式</td>
  </tr>
  <c:forEach var="passenger" items="${order.passengers}">
  <tr align="center">
    <td class="affirmance_table_top"><fmt:message key="passenger.ageType${passenger.ageType}"></fmt:message></td>
    <td class="affirmance_table_top">${passenger.name}</td>
    <td class="affirmance_table_top"><fmt:message key="passenger.sex${passenger.sex}"/></td>
    <td class="affirmance_table_top"><fmt:formatDate value="${passenger.birthday}" pattern="yyyy-MM-dd"/></td>
    <td class="affirmance_table_top"><fmt:message key="passenger.cardType${passenger.cardType}"></fmt:message></td>
    <td class="affirmance_table_top">${passenger.cardNum}</td>
    <td class="affirmance_table_top">${fn:length(passenger.insurances)}份</td>
    <td class="affirmance_table_toplast">在线支付</td>
  </tr>
  </c:forEach>
  <tr class="affirmance_font">
    <td class="affirmance_table_toplast" colspan="8"><strong>联系人信息：</strong></td>
  </tr>
  <tr align="center" class="affirmance_font">
    <td class="affirmance_table_top">姓 名</td>
    <td class="affirmance_table_top" colspan="3">手 机</td>
    <td class="affirmance_table_top" colspan="2">电子邮箱</td>
    <td class="affirmance_table_top">是否报销</td>
    <td class="affirmance_table_toplast">方式</td>
  </tr>
  <tr align="center">
    <td class="affirmance_table_top">${order.contact}</td>
    <td class="affirmance_table_top" colspan="3">${order.contactMob}<c:if test="${empty order.contactMob}">&nbsp;</c:if> </td>
    <td class="affirmance_table_top" colspan="2">${order.contactEmail}<c:if test="${empty order.contactEmail}">&nbsp;</c:if> </td>
    <td class="affirmance_table_top"><c:if test="${not empty order.needXC}">需要报销</c:if><c:if test="${empty order.needXC}">否</c:if> </td>
    <td class="affirmance_table_toplast"><c:if test="${not empty order.needXC}">快递</c:if><c:if test="${empty order.needXC}">&nbsp;</c:if></td>
  </tr>
  <tr>
  <c:if test="${not empty order.needPS}">
    <td class="affirmance_table_top" align="center"><font color="#3367B6">快递信息</font></td>
    <td class="affirmance_table_toplast" colspan="7">
	<p>快递地址：${order.address}</p>
	<p>联系电话：${order.contactTel}</p>
	<p>联系人：${order.sjr}</p>
    <p>邮政编码：${order.contactCode}</p>
	</td>
	</c:if>
  </tr>
  <tr>
    <td class="affirmance_table" align="center"><font color="#3367B6">客户留言</font></td>
    <td class="affirmance_tablelast" colspan="7">${order.xcd}<c:if test="${empty order.xcd}">&nbsp;</c:if></td>
  </tr>
</table>
	  </li>
	</ul>
	<ul class="pay_title">
		<li class="book_type"><font color="#666666"><strong>&gt;&gt;在线支付方式</strong></font></li>
	</ul>
	<form action="${ctxPath}/front/order/orderSearch.do" method="post">
	<ul class="pay">
		<li class="orders_title">借记卡</li>
		<li>
		<table width="100%"  border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td><a class="logo1 cmb" title="招商银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="CMB-DEBIT" /></a></td>
			<td><a class="logo1 icbc" title="中国工商银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="ICBC-DEBIT" /></a></td>
			<td><a class="logo1 bofc" title="中国银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="BOC-DEBIT" /></a></td>
			<td><a class="logo1 ccb" title="中国建设银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="CCB-DEBIT" /></a></td>
			<td><a class="logo1 boc" title="交通银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="COMM-DEBIT" /></a></td>
		  </tr> 
		  <tr>
			<td><a class="logo1 gdb" title="广东发展银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="GDB-DEBIT" /></a></td>
			<td><a class="logo1 cib" title="兴业银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="defaultbank" /></a></td>
			<td><a class="logo1 nbcb" title="宁波银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="defaultbank" /></a></td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		  </tr>
		</table>
	</li>
		<li class="pay_last">说明：您使用的浏览器不支持借记卡支付，请使用信用卡或切换至IE浏览器进行支付。</li>
		
	</ul>
	<ul class="pay">
		<li class="orders_title">信用卡</li>
		<li>
			<table width="100%"  border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td><a class="logo1 cmb" title="招商银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="CMB" /></a></td>
				<td><a class="logo1 ccb" title="中国建设银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="CMB" /></a></td>
				<td><a class="logo1 icbc" title="中国工商银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="ICBCB2C" /></a></td>
				<td><a class="logo1 bofc" title="中国银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="BOCB2C" /></a></td>
				<td><a class="logo1 abc" title="中国农业银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="ABC" /></a></td>
			  </tr>
			  <tr>
				<td><a class="logo1 boc" title="交通银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="COMM" /></a></td>
				<td><a class="logo1 cmbc" title="中国民生银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="CMBC" /></a></td>
				<td><a class="logo1 spdb" title="上海浦东发展银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="SPDB" /></a></td>
				<td><a class="logo1 pingan" title="平安银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="SPABANK" /></a></td>
				<td><a class="logo1 gdb" title="广东发展银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="GDB" /></a></td>
			  </tr>
			  <tr>
				<td><a class="logo1 cebb" title="中国光大银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="CEBBANK" /></a></td>
				<td><a class="logo1 cib" title="兴业银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="defaultbank" /></a></td>
				<td><a class="logo1 sdb" title="深圳发展银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="CIB" /></a></td>
				<td><a class="logo1 bob" title="北京银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="defaultbank" /></a></td>
				<td><a class="logo1 njcb" title="南京银行" href="javascript:void(0)"><input type="radio" name="defaultbank" value="defaultbank" /></a></td>
			  </tr>
			  
			</table>
		</li>
		<li class="pay_last"></li>		
	</ul>
	<ul class="pay">
		<li class="orders_title">支付平台</li>
		<li>
			<table width="100%"  border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td><a class="logo1 alipay" title="支付宝" href="javascript:void(0)"><input type="radio" name="defaultbank" value="" /></a></td>
				<td width="20%">&nbsp;</td>
				<td width="20%">&nbsp;</td>
			  </tr>
			</table>
		</li>
		<li class="pay_last">说明：网上支付会在弹出的一个新窗口中进行，请确认你的浏览器已经关闭弹出窗口屏蔽，以及网上助手、百度、谷歌工具栏等的弹出窗口拦截。或者按住Ctrl键点击立即支付。</li>		
	</ul>
	<ul>
	
		<input type="hidden" name="cmd" value="apipay"/>
		<input type="hidden" name="orderNo" value="${order.orderNo}"/>
		<input type="hidden" name="noPay" value="${order.noPay}"/>
	<table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" class="inputsubmit_line">
        <input name="Submit2" type="submit" class="inputsubmit" value="立即支付" /></td>
      </tr>
   </table>
</ul>
	</form>
</div>
</div>
</body>
</html>